<!DOCTYPE>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        p > span {
            font-size: 20px;
            margin-top: 10px;
            background: #c1dbfc;
            width: 100px;
            height: 25px;
            text-align: center;
            line-height: 25px;
            border: 1px solid #ccc;
            display: inline-block; /*将行内元素转换为行内块元素*/
        }

        h2 {
            text-align: center;
        }

        input {
            align: center;
        }

        .one {
            width: 800px;
            height: 510px;
            background: #E0E0E0;
            position: absolute;
            left: 120px;
        }

        .content {
            width: 800px;
            height: 40px;
            background: #e7f3f3;
            line-height: 40px;
            text-align: center;
        }

        input {
            height: 20px;
        }
    </style>
</head>
<body>
<div class="one">
    <div class="content">
        <h2>输入反馈信息</h2>
    </div>
    <br/>
    <div align="center">
        <form th:action="@{/staff/feedBack(id=${plan.id})}" method="post">
            <p>
                <span>计划名称</span>[[${plan.plan_name}]]
            </p>
            <p>
                <span>计划描述</span>[[${plan.plan_description}]]
            </p>
            <p>
                <span>开始时间</span>[[${plan.plan_begin_date }]]
            </p>
            <p><span>结束时间</span>[[${plan.plan_end_date }]]
            </p>
            <p><span>计划状态</span>
                <select name="plan_state">
                    <option th:selected="${plan.plan_state=='未完成'}" value="未完成">未完成</option>
                    <option th:selected="${plan.plan_state=='已完成'}" value="已完成">已完成</option>
                </select>
            </p>
            <p>
               	<span>是否反馈</span>
                <select name="feedback">
                    <option th:selected="${plan.feedback=='未反馈'}" value="未反馈">未反馈</option>
                    <option th:selected="${plan.feedback=='已反馈'}" value="已反馈">已反馈</option>
                </select>
            </p>
            <p>
				<span>反馈信息</span>
                <input type="text" name="plan_feedback">
            </p>
            &nbsp;&nbsp;&nbsp;<input type="submit" value="提交">
            &nbsp;&nbsp;&nbsp;<input type="reset" value="重置">
        </form>
    </div>
</div>

</body>
</html>
